import { commonProps,shapeTypes,alignTypes } from "../../libs/config";


export const searchProps = {
	...commonProps,
	// 搜索框形状，round-圆形，square-方形
	shape: {
		type: String,
		values: shapeTypes,
	},
	// 搜索框背景色，默认值#f2f2f2
	bgColor: {
		type: String
	},
	// 占位提示文字
	placeholder: {
		type: String
	},
	// 是否启用清除控件
	clearabled: {
		type: Boolean,
		default: null
	},
	// 是否自动聚焦
	focus: {
		type: Boolean,
		default: null
	},
	// 是否在搜索框右侧显示取消按钮
	showAction: {
		type: Boolean,
		default: null
	},
	// 右边控件的样式
	actionStyle: {
		type: Object
	},
	// 取消按钮文字
	actionText: {
		type: String
	},
	// 右侧控件替换为按钮控件（优先级高于showAction）
	showActionButton: {
		type: Boolean,
		default: null
	},
	// 输入框内容对齐方式，可选值为 left|center|right
	inputAlign: {
		type: String,
		values:alignTypes
	},
	// input输入框的样式，可以定义文字颜色，大小等，对象形式
	inputStyle: {
		type: Object
	},
	// 是否禁用输入框
	disabled: {
		type: Boolean,
		default: null
	},
	// 边框颜色
	borderColor: {
		type: String
	},
	// 搜索图标的颜色，默认同输入框字体颜色
	searchIconColor: {
		type: String
	},
	// 输入框字体颜色
	color: {
		type: String
	},
	// 指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写.deep
	placeholderClass: {
		type: String
	},
	// placeholder的颜色
	placeholderColor: {
		type: String
	},
	// 左边输入框的图标，可以为uView图标名称或图片路径
	searchIcon: {
		type: String
	},
	searchIconSize: {
		type: [Number, String]
	},
	// 组件与其他上下左右元素之间的距离，带单位的字符串形式，如"30px"、"30px 20px"等写法
	margin: {
		type: String
	},
	// 开启showAction时，是否在input获取焦点时才显示
	animation: {
		type: Boolean
	},
	// 输入框的初始化内容
	modelValue: {
		type: [String, Number]
	},
	// 输入框最大能输入的长度，-1为不限制长度(来自uniapp文档)
	maxlength: {
		type: [String, Number]
	},
	// 搜索框高度，单位px
	height: {
		type: [String, Number]
	},
	// 搜索框左侧文本
	label: {
		type: [String, Number]
	},
	// 失焦时，将输入框内容显示为标签形式
	showValueLabel: {
		type: Boolean,
		default: null
	},

}

export const searchEmits = {
	blur: (value: string | number) => true,
	focus: (value: string | number) => true,
	search: (value: string | number) => true,
	custom: (value: string | number) => true,
	"update:modelValue": (value: string | number) => true,
	input: (value: string | number) => true,
	change: (value: string | number) => true,
	clear: () => true,
	click: () => true,
	clickIcon: () => true
}